<template>
  <!-- 侧边栏 pdf -->
  <section class="pdf home-right-item-wrap relative com-2-panel J-specialTopicPanel">
    <img class="w-full pdf-bg" src=''/>
<!--    <div class="column-content">-->
<!--      <div class="home-right-item-title absolute">-->
<!--        <h5 class="com-2-panel-title">{{side.title}}</h5>-->
<!--      </div>-->
<!--      <div class="home-right-item-post-list com-2-panel-bd">-->
<!--        <ul class="com-2-side-topics without-margin" v-for="(item, id) in side.items" :key="id">-->
<!--          <li class="mb-4">-->
<!--            <a :href="item.url"-->
<!--               class="com-media com-side-topic">-->
<!--              <div class="com-media-object">-->
<!--                            <span class="com-thumbnail"-->
<!--                                  :style="{'background-image' : ' url('+item.img+')'}">-->
<!--                            </span>-->
<!--              </div>-->
<!--              <div class="com-media-body rank-box-item-right">-->
<!--                <div class="com-side-topic-title">-->
<!--                                <span class="column-title">-->
<!--                                  {{item.name}}-->
<!--                                </span>-->
<!--                </div>-->
<!--                <div class="ebook-home-stars d-flex" v-if="item.visit != null">-->
<!--                  <div class="ebook-def-star">-->
<!--                    <div class="ebook-cur-star" style="width: 91.0%;" :style="{width:  (Number(item.visit.rate) * 100).toString(10) + '%;'}"></div>-->
<!--                  </div>-->
<!--                  <div class="ebook-star-count">{{item.visit.rate}}</div>-->
<!--                </div>-->
<!--                <div class="ebook-home-info d-flex">-->
<!--                  <div class="ebook-home-view">{{item.visit['visit']}}</div>-->
<!--                  <div class="ebook-home-download">{{item.visit.download}}</div>-->
<!--                </div>-->
<!--              </div>-->
<!--            </a>-->
<!--          </li>-->
<!--        </ul>-->
<!--      </div>-->
<!--    </div>-->
  </section>
</template>
<script setup lang="ts">

import type { SideBarItem } from '@/http/ResponseTypes/SideBarItemType'

const props = defineProps<{
  side: SideBarItem

}>()
</script>



<style scoped>

</style>
